<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="playjs.css">
	<script src="playjs.js"></script>
</head>
<body>
	<header>
		<div id="title">
			玩转JavaScript
		</div>
		<div id="ctime">
			<script>
				setNewTime();
			</script>
		</div>
		<nav>
			<ul>
				<li><a class="main-menu" href="#">Basic JS</a></li>
				<li><a class="main-menu" href="#">Hangman</a></li>
				<li><a class="main-menu" href="#">JQuery</a></li>
				<li><a class="main-menu" href="#">Advanced JS</a></li>
			</ul>
		</nav>
	</header>
	<div id="content">
		<div class="lab">
			<h3>加法计算器</h3>
			<form name="myforme">
				第一个整数:
				<input id="x"/><br/>
				第二个整数:
				<input id="y"><br/>
				合计:
				<input id="sum"><br>
				<input id="button1" type="button" value="计算">
			</form>
		</div>
		<div class="lab">
			<h3>图片变换</h3>
			<img id="image" src="1.jfif" alt="photo1" width="300" height="200">
			<br>
			<button id="imageButton">图片转换</button>
		</div>
		<div class="lab">
			<h3>输出颜色tab</h3>
			<button id="colorTabCreate" >输出</button>
			<button id="colorTabdelete" >删除</button>
			<div id="colorTable"></div>
		</div>
		<div class="lab">
			<div id="target">
				这是一个文本
			</div>
			<button id="button2">停止</button>
		</div>
		<div class="lab">
			<h3>箱子移动</h3>
			<button id="button3">点我移动红箱子</button>
			<div id="container">
				<div id="animate"></div>
			</div>
		</div>
		<div class="lab">
			<h3>九九乘法表</h3>
			<table border="1">
				<script>
					document.write("<tr>");
						for(var i = 1; i < 10; i++)
							document.write("<td>" + i + "</td>");
					document.write("</tr>");
						for(var i = 1; i < 10; i++)
						{	
							document.write("<tr>");
							for(var j = 1; j < 10; j++)
							{
								document.write("<td>" + j + "*" + i + "=" + i * j + "</td>");
							}
							document.write("</tr>");
						}					
				</script>
			</table>
		</div>
		<div class="lab">
			<h3>猜数字</h3>
			<p>这个游戏是猜电脑生成数字的游戏</p>
			<p>区间是1到100</p>
			<br>
			<form>
				数字：
				<input type="text" id="user" size="5">
				<input type="button" id="button4" value="确认">
				<input type="button" id="button5" value="重来">
				<br><br>
				猜测次数：
				<input type="text" id="guess" size="5">
				提示：
				<input type="text" id="result" size="16">
				<input type="text" id="check" size="16">
			</form>
		</div>
	</div>
	<div id="hangman">
			<div id="explain">
				<p>游戏说明:</p>
				<p>这是一个猜英语单词的游戏。从数组里面抽取随机一个单词，你只能一个一个字母的确认猜，只有6次机会。猜中的部分会显示出来，</p>
			</div>
			<div>
				<img id = "hangmanpic" src="hangman6.gif" alt="hangman" />
			</div>
			<div id="clue">按下新游戏就可玩</div>
			<div>
				<input id = "hguess" type="text" size="1" maxlength="1" />
				<button id="guessbutton" disabled="disabled">确认</button>
			</div>
			<div id="newgamearea;">
				<button id="button6">新游戏</button>
			</div>
			<div id="guessstr"></div>
		</div>
	<footer>
		<p>Web Programming, 2025</p>
		<p>created by 北极星.天赐</p>
	</footer>
</body>
</html>